<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>注册</title>

    <link href="../../static/bootstrap-3.3.7/css/bootstrap.min.css" th:href="@{bootstrap-3.3.7/css/bootstrap.min.css}" rel="stylesheet" type="text/css" />
    <script src="../../static/bootstrap-3.3.7/js/jquery-1.11.3.min.js" th:src="@{bootstrap-3.3.7/js/jquery-1.11.3.min.js}" type="text/javascript"></script>
    <script src="../../static/bootstrap-3.3.7/js/bootstrap.min.js" th:src="@{bootstrap-3.3.7/js/bootstrap.min.js}" type="text/javascript"></script>

    <style type="text/css">
        .circle {
            margin-top: 3px;
            width: 14px;
            height: 14px;
            background: #dbdbdb;
            border-radius: 50%;
            border: 1px solid #dbdbdb;
        }



    </style>
</head>
<body>
<!--  	描述：导航条    -->
<nav class="navbar navbar-default" role="navigation" style="background-color: #ffffff; height: 80px;margin-bottom: 0px">
    <div class="container">
        <div class="row">
            <div class="navbar-header">
                <a class="navbar-brand" href="">
                    <i style="display: inline-block;background-color: #5cb85c; width: 150px;height:50px; background: url(../../static/img/bg/piaodekuai.png) no-repeat center; background-size: 100px 50px; "></i>
                    <!-- <span style="color:#0652DD; font-size:30px;width: 30px;">飘得快</span>-->
                </a>
            </div>
            <!--<div class="nav navbar-nav" style="width: 80%;padding-top: 25px;padding-left: 80px">
                <a href=""><span style="float: left;font-size: 20px">首页&nbsp;</span></a>
                <div style="float: left;border-bottom: 1px solid #dbdbdb;width: 30%;margin-top: 15px;"></div>
                <span style="color: #ffa801;float: left;font-size: 20px">&nbsp;&nbsp;登录中心</span>
            </div>-->
            <div class="nav navbar-nav navbar-right" style="padding-top: 25px; margin-right: 0px">
            </div>
        </div>
    </div>
</nav>


<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div style="padding-top: 35px; padding-left: 20px;">
                <div style="float: left;border-bottom: 5px solid #2ecc71;width: 280px;margin-top: 8px;"></div>
                <div class="circle" style="float: left;background-color: #2ecc71; border-color: #2ecc71"></div>
                <span style="color: #747d8c ;float: left">&nbsp;验证手机&nbsp;&nbsp;&nbsp;</span>
                <div style="float: left;border-bottom: 5px solid #2ecc71;width: 280px;margin-top: 8px;"></div>
                <div class="circle" style="float: left;background-color: #2ecc71; border-color: #2ecc71"></div>
                <span style="color: #747d8c;float: left">&nbsp;设置密码&nbsp;&nbsp;&nbsp;</span>
                <div style="float: left;border-bottom: 5px solid #2ecc71;width: 280px;margin-top: 8px;"></div>
                <div class="circle" style="float: left;background-color: #2ecc71; border-color: #2ecc71"></div>
                <span style="color: #747d8c;float: left">&nbsp;注册成功</span>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div style="padding-top: 50px; text-align: center">
               <h3>
                   <span class="glyphicon glyphicon-check" style="color: #5cb85c"></span>
                   恭喜您，使用86-135****2111注册成功！
               </h3>
                <h5>
                    <span id="backtenseconds">10</span>秒后返回登录！
                </h5>
            </div>
        </div>
    </div>

    <div class="row" style="margin-top: 130px">
        <div class="col-md-offset-2 col-md-5">
            <di style="float: left; margin-right: 15px">
                <span class="glyphicon glyphicon-user" style="font-size: 45px;color: #b2bec3"></span>
            </di>
            <div style="float: left">
                <p><a style="text-decoration:none;" href="#">补全个人信息&nbsp;&gt;</a></p>
                <p>用于找回密码并体验更高质量的会员服务</p>
            </div>
        </div>
        <div class="col-md-4">
            <div style="float: left; margin-right: 15px">
                <span class="glyphicon glyphicon-lock" style="font-size: 45px; color: #b2bec3"></span>
            </div>
            <div style="float: left">
                <p><a style="text-decoration:none;" href="#">设置交易密码&nbsp;&gt;</a></p>
                <p>交易密码用于保障您的资产账户安全</p>
            </div>
        </div>
    </div>


</div>

</body>

<script>

    function showtime(){
        var time=10;
        times = setInterval(function(){
            time=time-1;
            //var minute=parseInt(time/60);
            //var second=parseInt(time%60);
            //countdown.innerHTML='还剩'+minute+'分'+second+'秒';
            //alert($("#yanzheng").text());
            $("#backtenseconds").html(time);

            if(time == 0){
                location.href="/login";
            }

        },1000);
    }

    window.onload = showtime;

</script>

</html>